<template>
  <module-home-layout>
    <template #nav>
      <module-nav :data="navList"></module-nav>
    </template>
    <router-view/>
  </module-home-layout>
</template>
<script>
import { ref, defineComponent } from 'vue'
import ModuleHomeLayout from '@/layout/module-home'
import ModuleNav from './module-nav'
export default defineComponent({
  components: { ModuleHomeLayout, ModuleNav },
  setup () {
    const navList = ref([
      { name: 'home', label: '首页' },
      { name: 'startMatch', label: '开始匹配' },
      { name: 'topicPavilion', label: '话题小馆' },
      { name: 'personCenter', label: '个人中心' },
      { name: 'aboutUs', label: '关于我们' }
    ])
    return {
      navList
    }
  }
})
</script>
